<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #aaa{
            position: relative;
            left: 300px;
            top: -50px;
        }
        #ro{
            position: relative;
            top:250px;
        }
        button{
            position: relative;
            left: 700px;
            top: -1150px;
        }
        body{
            overflow-x: hidden;
        }
    </style>
</head>
<!-- CSS 文件 ，不要删，不够自己添加 -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-table.min.css">
<link rel="stylesheet" href="../assets/css/azzara.min.css">
<link rel="stylesheet" href="../assets/css/demo.css">
<body>


<div class="container">
    <!--内容在这里面添加就好了-->

    <div id="ro">职位:<select name="userImg" class="form-control" style="width: 20%" id="role"></select></div>
    <div id="aaa">菜单:<ul class="nav_ul" id="menu"></ul></div>
    <button onclick="menuRole()" class="btn btn-primary" id="but">授予菜单</button>
</div>

<!--js用到的包，不够在自己添加-->
<script src="../js/jquery.3.2.1.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.min.js"></script>
<script src="../js/common.js"></script>
<script src="js/cdqxsz.js"></script>
</body>
</html>